-----------------------------------------------
Intap-intip....
awas tar bintittan :p
http://herryuntitledz.blogspot.de
----------------------------------------------- */
.pagenavi .pages,#responsive-menu,#navbar,.date-header,.feed-links,.post-location,.post-icons,#credit{display: none !important;}
body,h1,h2,h3,h4,h5,ul,li,a,p,span,img,dd{margin:0;padding:0;list-style:none;text-decoration:none;border:none;outline:none}
.post-share-buttons{margin-bottom:20px}

body {
    background-color: #313131;
    border-top: 8px solid #0088B2;
    color: #333333;
    font-family: 'Istok Web', sans-serif;
    font-size: 14px;
    padding-top: 8px;
}

a{color: #454545;}
a:hover {color: #0088B2;}

#body-pattern { background: url(https://lh3.googleusercontent.com/-yt9CR3Ij5W8/UXPHEm4BqdI/AAAAAAAAFaw/-OUZadyNR3w/s251/body-bg.jpg) repeat scroll 0 0 transparent; }
.container { margin: 0 auto; width: 1285px; }
.clearfix:before, .clearfix:after{
    content: '.';  
    display: block;  
    overflow: hidden;  
    visibility: hidden;  
    font-size: 0;  
    line-height: 0;  
    width: 0;  
    height: 0;
}
.clearfix:after{ clear: both; }
.clearfix{ zoom: 1; }

.wrapper {
    background: url(https://lh4.googleusercontent.com/-BXFXLYHkVyc/UXPHLsYmtrI/AAAAAAAAFcw/JfZNEl1MI_A/s300/wrapper-bg.png) repeat-y scroll 0 0 transparent;
    margin-left: 15px;
    width: 1270px;
}

a {color:#000}
a:hover {}

#left-sidebar {
    float: left;
    padding-top: 40px;
    position: relative;
    width: 195px;
}

.sticky-left {
    position: relative;
    width: 195px;
    z-index: 10;
}

#header{text-align:center}
#header-inner {}
#header,#header a { color: #000 }
#header a:hover {}
#header h1 {font-family: Oswald,Arial,sans-serif;font-weight: normal; color: #0088B2}
#header img {border:none;margin:0 auto;max-width:130px;height:auto}
#header .description {}

.main-nav{
    position:relative;
    margin-top:25px;
	z-index:10;
}
.divider-menu{
    height: 5px;
    background: url(https://lh3.googleusercontent.com/-4oDv-_ojFT0/UXPHFcaWHzI/AAAAAAAAFdE/AhuWgFYp-_M/s872/divider-left.png) no-repeat scroll 0px top transparent;
    margin: 0 30px;
    
}
.divider-menu span{
    display: block;
    height: 5px;    
     background: url(https://lh6.googleusercontent.com/-Y4yK4PwDMd4/UXPHFT69EzI/AAAAAAAAFa4/o8oWR8mfT24/s18/divider-right.png) no-repeat scroll right top transparent;
}
.menu-icon {
    background: url(https://lh4.googleusercontent.com/-1Ht7ywfOneY/UXPHIP6oz2I/AAAAAAAAFdU/w9wjP6bQbFE/s30/menu-icon.png) no-repeat scroll 17px top transparent;
    color: #FFFFFF;
    display: block;
    height: 30px;
    left: -47px;
    padding-top: 20px;
    position: absolute;
    text-align: center;
    top: 8px;
    width: 47px;
}
#main-menu {
	position:relative;
	z-index:10;
	zoom:1;
}
#main-menu li {
    margin:0;
    list-style:none;
    margin: 0 30px;
    background: url(https://lh3.googleusercontent.com/-4oDv-_ojFT0/UXPHFcaWHzI/AAAAAAAAFdE/AhuWgFYp-_M/s872/divider-left.png) no-repeat scroll 0px top transparent;
    position: relative;
	z-index:10;
    -webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
}
#main-menu li a {
    background: url(https://lh6.googleusercontent.com/-Y4yK4PwDMd4/UXPHFT69EzI/AAAAAAAAFa4/o8oWR8mfT24/s18/divider-right.png) no-repeat scroll right top transparent;
    color: #454545;
    display: block;
    font-family: 'Oswald',sans-serif;
    font-size: 16px;
    font-weight:300;
    padding: 10px 0 15px;
    text-align: center;
    text-shadow: 0 0 1px #DDDDDD;
    line-height: 20px;
}   
#main-menu li a:hover, #main-menu >li.current-menu-item a {color:#0088b2;}
#main-menu li:hover {
    background: #fafafa;
    margin-right: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
	border-radius:4px 0 0 4px;
	-moz-border-radius:4px 0 0 4px;
	-webkit-border-radius:4px 0 0 4px;
    -webkit-box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, 0.05);
	-moz-box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, 0.05);
    box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, 0.05);
}
#main-menu li:hover a, #main-menu li:hover + li a, #main-menu li:hover + li {background:none;}
#main-menu li ul {
	display:none;
    background-color:#fafafa;
    right: -200px;
    min-width: 200px;
    padding: 0;
    position: absolute;
    top: 0px;
    margin-top:0;
    z-index:10;
	zoom:1;
    box-shadow: 0 0 3px #ddd;
	-moz-box-shadow: 0 0 3px #ddd;
	-webkit-box-shadow: 0 0 3px #ddd;
    border-top: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}
#main-menu li:hover ul{display: block;}
#main-menu li ul li {
    border-right: medium none;
    border-top: 1px solid #DDDDDD;
    float: none;
    margin: 0;
    background-image: none;
}
#main-menu li ul li a{background-image: none;}
#main-menu li ul li:first-child{border-top: none;}

#main-content {  
    background-color: #F9F9F9;
    border-radius: 0 5px 0 0;
    box-shadow: 0 0 5px #B0B0B0;
    float: left;
    padding: 40px 30px 0;
    position: relative;
    width: 707px;
    z-index: 0;
}

#right-sidebar { float: right; padding-top: 40px; width: 308px; }

.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{outline:none}
.slides,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none}
 .flexslider{margin:0;padding:0}
.flexslider .slides > li{display:none;-webkit-backface-visibility:hidden;list-style:none;margin:0;padding:0}
.flexslider .slides img{width:100%;display:block;height:412px}
.flex-pauseplay span{text-transform:capitalize}
.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
html[xmlns] .slides{display:block}
* html .slides{height:1%}
.no-js .slides > li:first-child{display:block}
.flexslider{margin:0;position:relative;zoom:1}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease}
.loading .flex-viewport{max-height:300px}
.flexslider .slides{zoom:1}
.carousel li{margin-right:5px}
.flex-direction-nav{*height:0;display:none}
.flex-direction-nav a{width:30px;height:30px;display:block;z-index:10;cursor:pointer;text-indent:-9999px;opacity:0;-webkit-transition:all .3s ease}
.flex-direction-nav .flex-disabled{opacity:.3!important;filter:alpha(opacity=30);cursor:default}
.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center;display:none}
.flex-control-nav li{margin:0 3px;display:inline-block;zoom:1;*display:inline}
.flex-control-paging li a{width:10px;height:10px;display:block;background:#666;cursor:pointer;text-indent:-9999px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px;position:relative;z-index:0;margin:0;padding:0}
.flex-control-paging li a:hover{background:#fff}
.flex-control-paging li a.flex-active{background:#fff;cursor:default}
.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}
.flex-control-thumbs li{width:25%;float:left;margin:0}
.flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer}
.flex-control-thumbs img:hover{opacity:1}
.flex-control-thumbs .flex-active{opacity:1;cursor:default}
@media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:0}
.flex-direction-nav .flex-next{opacity:1;right:0}
}
#head-line-slider .slides li a{font-size:16px;color:#444}
#head-line-slider .slides li a:hover{color:#aaa}
.slider-wrapper{margin-bottom:20px}
.slider-wrapper .widget-title{color:#333;text-transform:uppercase;margin-bottom:15px;font-family:'Oswald',sans-serif;font-size:22px;font-weight:700}
#home-slider{border:1px solid #eee}
#home-slider .flex-control-nav{background:url(https://lh3.googleusercontent.com/-w07B094I1co/UXPHGF5z2sI/AAAAAAAAFbA/H-42Jb6yfWU/s2/dotted-fff.png) repeat-x scroll 0 4px #0088B2;bottom:20px;display:block;height:10px;z-index:100;margin:0;padding:0}
#home-slider .flex-control-nav li{padding:0 2px;margin:0;background-color:#0088B2}
#home-slider .flex-control-nav li:first-child{padding-left:5px}
#home-slider .flex-control-nav li:last-child{padding-right:5px}
#home-slider ul li article{position:relative}
#home-slider ul li article .flex-caption{position:absolute;left:0;bottom:0;width:100%;background:url(https://lh5.googleusercontent.com/-4nULvv4gWvQ/UXPHE8WqGrI/AAAAAAAAFag/LQQgEMnUspE/s1/caption-bg.png) repeat 0 0;padding-top:20px}
#home-slider ul li article .flex-caption h1{text-align:center;width:100%;margin-bottom:35px;text-transform:uppercase}
#home-slider ul li article .flex-caption h1 a{color:#fff;font-family:'Oswald',sans-serif;font-size:26px;font-weight:400}
#home-slider ul li article .flex-caption h1 a:hover{opacity:0.9}
#home-slider ul li article .flex-caption p{text-align:center}
#home-slider ul li article .flex-caption p .entry-author:hover,#home-slider ul li article .flex-caption p .entry-categories:hover,#home-slider ul li article .flex-caption p .entry-comment:hover{color:#353535}
#home-slider .kp-view{position:relative}
#home-slider .kp-view .kp-mask{width:100%;height:100%;display:block;position:absolute;top:0;left:0;background:rgba(65,65,65,0.4);opacity:0;filter:alpha(opacity=0)}
#home-slider .kp-view:hover .kp-mask{opacity:1;filter:alpha(opacity=100)}
#home-slider .flex-direction-nav{display:block;margin:0;position:absolute;top:-50px;right:0}
#home-slider .flex-direction-nav li{list-style:none;margin:0;display:inline-block;*display:inline;zoom:1;width:28px;height:28px}
#home-slider .flex-direction-nav a{width:28px;height:28px;opacity:1;filter:alpha(opacity=100);position:relative;z-index:0;display:block}
#home-slider .flex-direction-nav .flex-prev{background:url(https://lh4.googleusercontent.com/-Wa-erTJGHH8/UXPHHC5MEaI/AAAAAAAAFbc/E1oczqvvosc/s20/flex-prev.png) no-repeat center center #353535}
#home-slider .flex-direction-nav .flex-next{background:url(https://lh3.googleusercontent.com/-sE5xbl3zls0/UXPHG6s06LI/AAAAAAAAFdQ/nE4PZQUSPuo/s20/flex-next.png) no-repeat center center #353535;margin-left:1px}
#home-slider .flex-direction-nav a:hover{box-shadow:0 0 5px #999;-moz-box-shadow:0 0 5px #999;-webkit-box-shadow:0 0 5px #999;background-color:#0088B2}

.about-author{margin:0 0 20px;font-size:13px;color:#666;background:url(https://lh3.googleusercontent.com/-4oDv-_ojFT0/UXPHFcaWHzI/AAAAAAAAFdE/AhuWgFYp-_M/s872/divider-left.png) no-repeat left bottom}
.about-author-inner{background:url(https://lh6.googleusercontent.com/-Y4yK4PwDMd4/UXPHFT69EzI/AAAAAAAAFa4/o8oWR8mfT24/s18/divider-right.png) no-repeat right bottom;padding-bottom:30px}
.about-author img{float:left;margin-right:2.828854%}
.about-author h2{margin-bottom:20px;background:url(https://lh6.googleusercontent.com/-h8nMx7QPimM/UXPHJq383GI/AAAAAAAAFcg/R6XKbqHadgA/s7/sidebar-title.png) repeat-x scroll 0 9px transparent;text-transform:uppercase;line-height:16px;font-size:18px;font-family:'Oswald',sans-serif}
.about-author h2 span{font-weight: normal;display:inline-block;*display:inline;zoom:1;background-color:#f9f9f9;padding-right:10px}
.about-author a{font-size:17px;color:#0088b2;display:block;margin-bottom:5px}
.about-author a:hover{color:#454545}
.about-author .social-link{margin:0}
.about-author .social-link li{float:left;list-style:none;font-size:16px;color:#333;font-family:'Istok Web',sans-serif;margin:0 5px 0 0}
.about-author .social-link li a{display:block;font-weight:normal;color:#0088b2;font-size:14px;font-family:'Istok Web',sans-serif;}
.about-author .social-link li.facebook-icon a:hover,.about-author .social-link li.twitter-icon a:hover{color:#454545}
.about-author p {font-size:14px}

.post-footer {margin-top: 30px}

.post-meta {
    color: #707070;
    font-family:'Istok Web',sans-serif;
    font-size: 11px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.post-meta a {color: #0088B2}

.post blockquote {
    background: url(https://lh5.googleusercontent.com/-vmywhdfjzbk/UXPHIw16ucI/AAAAAAAAFck/kFyyF_Cq_xU/s34/quote-icon.png) no-repeat scroll 15px 15px transparent;
    border: 1px solid #EEEEEE;
    color: #777777;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 15px;
    font-style: italic;
    line-height: 20px;
    margin-bottom: 20px;
    padding: 15px 15px 15px 60px;
}

.entry-date {
    background-color: #0088B2;
    color: #FFFFFF;
    font-family: 'Oswald',sans-serif;
    font-size: 18px;
    left: 5px;
    padding: 8px;
    position: absolute;
    text-align: center;
    top: -5px;
}
p {line-height: 18px;margin-bottom: 10px;}
.kopa-view {margin-bottom: 10px;position: relative;}
.kopa-view .mask {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
	text-align:center;
}
.kopa-view .mask {
    top: 0px;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0.5s;
    -moz-transition: all 0.3s ease-out 0.5s;
    -o-transition: all 0.3s ease-out 0.5s;
    -ms-transition: all 0.3s ease-out 0.5s;
    transition: all 0.3s ease-out 0.5s;
}

.kopa-view a.read-more {
    display: inline-block;
	*display:inline;
	zoom:1;
    width:50px;
    height:50px;
    border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
    background:url(https://lh6.googleusercontent.com/-Hqq8nXJhcqQ/UXPHJ3j30GI/AAAAAAAAFcc/6TqTtDA539w/s25/view-icon.png) no-repeat center center #0088b2;
}

.kopa-view a.read-more {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all 0.2s ease-in-out 0.3s;
    -moz-transition: all 0.2s ease-in-out 0.3s;
    -o-transition: all 0.2s ease-in-out 0.3s;
    -ms-transition: all 0.2s ease-in-out 0.3s;
    transition: all 0.2s ease-in-out 0.3s;
}

.kopa-view:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    top: 0px;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-animation: bounceY 0.9s linear;
    -moz-animation: bounceY 0.9s linear;
    -ms-animation: bounceY 0.9s linear;
    animation: bounceY 0.9s linear;
}

.kopa-view:hover a.read-more {
    -webkit-transform: translateY(60px);
    -moz-transform: translateY(60px);
    -o-transform: translateY(60px);
    -ms-transform: translateY(60px);
    transform: translateY(60px);
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;
}
.post.last { margin-right: 0 !important; }
.post h3,.post h1 {font-family:'Istok Web',sans-serif; color: #353535; font-weight:normal; font-size: 17px;}
.post h1 {font-size: 26px; margin-bottom: 10px;font-weight:bold;}
.post-body img { max-width:600px; }
.post-body { border-top: 1px dotted #C1C1C1;padding-top: 30px;}
.thumb{width:338px;height:168px;display:block}

.jump-link {
    font-weight:bold;
    font-size: 13px;
    color: #0088B2;
    display: inline-block;
    font-family:'Istok Web',sans-serif;
    margin-top: 15px;
    text-transform: uppercase;
}

.jump-link:hover {color: #454545;}


.sidebar .widget {margin-bottom: 20px}
.sidebar .widget-content {margin: 0 0 0 30px;}
.sidebar h2 { 
    background: url(https://lh6.googleusercontent.com/-h8nMx7QPimM/UXPHJq383GI/AAAAAAAAFcg/R6XKbqHadgA/s7/sidebar-title.png) repeat-x scroll 0 14px transparent;
    margin-bottom: 10px;
    padding-left: 30px;
}

.sidebar h2 span {
    background: url(https://lh3.googleusercontent.com/-yt9CR3Ij5W8/UXPHEm4BqdI/AAAAAAAAFaw/-OUZadyNR3w/s251/body-bg.jpg) repeat scroll 0 0 transparent;
    color: #353535;
    font-family: 'Oswald',sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding-right: 5px;
    text-shadow: 0 0 1px #DDDDDD;
    text-transform: uppercase;
}

.sidebar .Image img { max-width:125px; height:auto }
.sidebar .Image h2 { display: none }
.sidebar .widget.Image {float:left; margin-right: 28px; margin-top: 28px; padding-bottom:0;margin-bottom:0 }
.sidebar .widget.Image .widget-content {margin:0}
#Image1,#Image3 {margin-left:30px}
#Image2,#Image4 {margin-right:0}

.search-box{margin-left:30px;}

.search-box .search-form {
    position:relative;
    width:278px;
    height:48px;
}
.search-box .search-form .search-text {
    border:1px solid #e8e8e8;
    width:206px;
    line-height:48px;
    color:#aeaeae;
    font-size:16px;
    font-family: 'Istok Web', sans-serif;
    height:48px;
    margin:0;
    padding-left:10px;
    padding-right:60px;
	position:relative;
	z-index:0;
}
.search-box .search-form .search-submit {
    width:54px;
    height:50px;
    background:url(https://lh6.googleusercontent.com/-Afl2I96CyOU/UXPHJcF9-KI/AAAAAAAAFcI/P06mAE04YqI/s54/search-icon.png) no-repeat 0 0;
    border:none;
    padding:0;
    margin:0;
    cursor:pointer;
    position:absolute;
    top:-7px;
    right:5px;
    text-indent:-9999px;
	line-height:0;
	font-size:0;
}
.search-box .search-form .search-submit:hover{
    opacity:0.8;
}
.search-box .search-form .search-text:focus {
    box-shadow:0 0 5px #ddd;
	-moz-box-shadow:0 0 5px #ddd;
	-webkit-box-shadow:0 0 5px #ddd;
    border:1px solid #cccccc;
}

.sidebar li {  
    border-bottom: 1px dotted #CCCCCC;
    margin-bottom: 15px;
    padding-bottom: 15px;
    text-shadow: 0 0 1px #FFFFFF;
}

.sidebar li a{padding-left: 10px;}

#comments{overflow:hidden}
#comments h4{display:inline;padding:10px;line-height:40px}
#comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}
#comments h4,.comments .continue a{background:#0088B2}
#comments h4,.comments .user a,.comments .continue a{font-size:16px}
#comments h4,.comments .continue a{font-weight:normal;color:#fff}
#comments h4:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #0088B2;border-right:20px solid transparent;width:0;height:0;line-height:0}
#comments .avatar-image-container img{border:0}
.comment-thread{color:#111}
.comment-thread a{color:#777}
.comment-thread ol{margin:0 0 20px}
.comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a{color:#0088B2}
.comments .avatar-image-container,.comments .avatar-image-container img{width:48px;max-width:48px;height:48px;max-height:48px}
.comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{margin-left:60px}
.comments .comment-block,.comments .comment-thread.inline-thread .comment{border:1px solid #ddd;background:#f9f9f9;padding:10px}
.comments .comments-content .comment{margin:15px 0 0;padding:0;width:100%;line-height:1em}
.comments .comments-content .icon.blog-author{position:absolute;top:-12px;right:-12px;margin:0;background-image: url(https://lh3.googleusercontent.com/-u13to2oUTIU/UXOstdExylI/AAAAAAAAFZ0/orTV1itrt0c/s36/author.png);width:36px;height:36px}
.comments .comments-content .inline-thread{padding:0 0 0 20px}
.comments .comments-content .comment-replies{margin-top:0}
.comments .comment-content{padding:5px 0;line-height:1.4em}
.comments .comment-thread.inline-thread{border-left:1px solid #ddd;background:transparent}
.comments .comment-thread.inline-thread .comment{width:auto}
.comments .comment-thread.inline-thread .comment:after{content:"";position:absolute;top:10px;left:-20px;border-top:1px solid #ddd;width:10px;height:0px}
.comments .comment-thread.inline-thread .comment .comment-block{border:0;background:transparent;padding:0}
.comments .comment-thread.inline-thread .comment-block{margin-left:48px}
.comments .comment-thread.inline-thread .user a{font-size:13px}
.comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{width:36px;max-width:36px;height:36px;max-height:36px}
.comments .continue{border-top:0;width:100%}
.comments .continue a{padding:10px 0;text-align:center}
.comment .continue{display:none}
#comment-editor{width:103%!important}
.comment-form{width:100%;max-width:100%}
.comments .comments-content .loadmore,.comments .comments-content {margin:0}

#blog-pager-newer-link {float: left;}
#blog-pager-older-link {float: right;}
#blog-pager { 
    background: url(https://lh6.googleusercontent.com/-h8nMx7QPimM/UXPHJq383GI/AAAAAAAAFcg/R6XKbqHadgA/s7/sidebar-title.png) repeat-x scroll 0 14px transparent;
    margin-top: 10px;
    padding: 50px 0 10px;
    text-align: center;
    overflow: visible;
}
.pagenavi a,.pagenavi .current {
	font-weight:300;
	font-size:17px;
	color:#454545;
	font-family:Arial, Helvetica, sans-serif;
	padding:7px 15px;
	background-color:#f6f6f6;
	box-shadow: 0 0 2px rgba(0,0,0,0.26);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.26);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.26);
	position:relative;
	z-index:0;
	border-radius:1px;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	line-height:26px;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
    margin: 0 5px 0 0;
}
.pagenavi a:hover,.pagenavi .current {color:#fff;background-color:#0088b2;}
.page-footer {background: url(https://lh3.googleusercontent.com/-4oDv-_ojFT0/UXPHFcaWHzI/AAAAAAAAFdE/AhuWgFYp-_M/s872/divider-left.png) no-repeat scroll left 0 transparent;}
.footer-bullet {background: url(https://lh6.googleusercontent.com/-Y4yK4PwDMd4/UXPHFT69EzI/AAAAAAAAFa4/o8oWR8mfT24/s18/divider-right.png) no-repeat scroll right 0 transparent;padding: 30px 0;}
.page-footer p {float:left; color: #454545;font-size: 15px;margin-bottom:0}
#back-top {float: right;font-size: 15px;margin-bottom: 0;}

#search-social{margin-left:30px}
.social-links{margin:0}
.social-links li{padding-bottom:0;border-bottom:none;margin-bottom:0;float:left;margin-right:5px;list-style:none}
.social-links li a{padding-left:0;display:block;width:16px;height:21px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.social-links li a.facebook{background:url(https://lh4.googleusercontent.com/-or-1CclJ4vY/UXPHGvmaoeI/AAAAAAAAFbQ/WC_O6fTgUCY/s16/facebook.png) no-repeat 0 3px}
.social-links li a.twitter{background:url(https://lh5.googleusercontent.com/-uZ0QeyQVjXE/UXPHJv3Xp0I/AAAAAAAAFcY/qTJefRzM2O8/s16/twitter.png) no-repeat 0 3px}
.social-links li a.rss{background:url(https://lh6.googleusercontent.com/-uIaEU01ju1g/UXPHJEMihAI/AAAAAAAAFcE/MQ_DfRdV0_8/s16/rss.png) no-repeat 0 3px}
.social-links li a.dribbble{background:url(https://lh6.googleusercontent.com/-KHTbWQ7Elrs/UXPHGbFp7hI/AAAAAAAAFdI/DlmOKObNuvo/s16/dribbble.png) no-repeat 0 3px}
.social-links li a.linkedin{background:url(https://lh3.googleusercontent.com/-ktUx6qNnh-U/UXPHID3jEKI/AAAAAAAAFb0/Bc6cgy7FCsU/s16/linkedin.png) no-repeat 0 3px}
.social-links li a.behance{background:url(https://lh4.googleusercontent.com/-w8QYU4Llznc/UXPHEdbfbQI/AAAAAAAAFaQ/LDHdgJatdRw/s16/behance.png) no-repeat 0 3px}
.social-links li a.digg{background:url(https://lh6.googleusercontent.com/-hgofWXNhDgI/UXPHE_RvV6I/AAAAAAAAFak/Q5VDxNB1z8s/s16/digg.png) no-repeat 0 3px}
.social-links li a.evernote{background:url(https://lh3.googleusercontent.com/-mGW2uz4Mwpo/UXPHGqG9dJI/AAAAAAAAFdM/qwlaJtwCGyQ/s16/evernote.png) no-repeat 0 3px}
.social-links li a.lastfm{background:url(https://lh5.googleusercontent.com/-oXyinFaA-UQ/UXPHHy2mgEI/AAAAAAAAFdY/jLOi8YoUi1I/s16/lastfm.png) no-repeat 0 3px}
.social-links li a.myspace{background:url(https://lh3.googleusercontent.com/-_DrOzYpadmQ/UXPHIjzh5jI/AAAAAAAAFdc/KeYOrxsag84/s16/myspace.png) no-repeat 0 3px}
.social-links li a.wordpress{background:url(https://lh5.googleusercontent.com/-xH0Cs3AAGXE/UXPUrG2p3hI/AAAAAAAAFeA/acNpSCnEQRM/s16/wordpress.png) no-repeat 0 3px}
.social-links li a.youtube{background:url(https://lh5.googleusercontent.com/-0R4BfxjORoo/UXPHLh0vz5I/AAAAAAAAFc0/704Rjmgc0Ag/s16/youtube.png) no-repeat 0 3px}
.social-links li a.google{background:url(https://lh6.googleusercontent.com/-R6rqZb8Ck7Y/UXPHHfKhqHI/AAAAAAAAFbk/hjvJfhOHBfA/s16/google.png) no-repeat 0 3px}
.social-links li a:hover{background-position:0 0}

.page-footer a {font-size:15px;color: #0088B2}
#PopularPosts1 img {
    float:left;  
    background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    height: 50px;
    padding: 5px;
    width: 50px;
    margin-right:10px;
}
#PopularPosts1 dd {
    border-bottom: 1px dotted #CCCCCC;
    margin-bottom: 15px;
    padding-bottom: 15px;
    font-family: 'Istok Web', sans-serif;
    font-size:14px;
}
.status-msg-body {position:relative !important}
.CSS_LIGHTBOX { z-index: 9999 !important; }

/*---- Compatible contact Form -----*/
.contact-form-name, .contact-form-email, .contact-form-site, .contact-form-email-message {
max-width: 220px;
width: 100%;
font-weight:bold;
}
.contact-form-name {
background: #FFF url(http://2.bp.blogspot.com/-bNZePDihTPU/UZ-lhWAHXqI/AAAAAAAAJuo/aSVVE_A6HpE/s320/name.png) no-repeat 7px 8px;
background-color: #FFF;
border: 1px solid #ddd;
box-sizing: border-box;
color: #A0A0A0;
display: inline-block;
font-family: Arial,sans-serif;
font-size: 12px;
font-weight:bold;
height: 24px;
margin: 0;
margin-top: 5px;
padding: 5px 15px 5px 28px;
vertical-align: top;
}
.contact-form-email {
background: #FFF url(http://3.bp.blogspot.com/-Wf_IBW4cEts/UZ-li4SsnvI/AAAAAAAAJuw/qYAi9lghY1E/s320/email.png) no-repeat 7px 10px;
background-color: #FFF;
border: 1px solid #ddd;
box-sizing: border-box;
color: #A0A0A0;
display: inline-block;
font-family: Arial,sans-serif;
font-size: 12px;
font-weight:bold;
height: 24px;
margin: 0;
margin-top: 5px;
padding: 5px 15px 5px 28px;
vertical-align: top;
}
.contact-form-site {
background: #FFF url() no-repeat 7px 8px;
background-color: #FFF;
border: 1px solid #ddd;
box-sizing: border-box;
color: #A0A0A0;
display: inline-block;
font-family: Arial,sans-serif;
font-size: 12px;
font-weight:bold;
height: 24px;
margin: 0;
margin-top: 5px;
padding: 5px 15px 5px 28px;
vertical-align: top;
}
.contact-form-email:hover, .contact-form-name:hover{
border: 1px solid #bebebe;
box-shadow: 0 1px 2px rgba(5, 95, 255, .1);
padding: 5px 15px 5px 28px;
}
.contact-form-email-message:hover {
border: 1px solid #bebebe;
box-shadow: 0 1px 2px rgba(5, 95, 255, .1);
padding: 10px;
}
.contact-form-email-message {
background: #FFF;
background-color: #FFF;
border: 1px solid #ddd;
box-sizing: border-box;
color: #A0A0A0;
display: inline-block;
font-family: arial;
font-size: 12px;
margin: 0;
margin-top: 5px;
padding: 10px;
vertical-align: top;
max-width: 450px!important;
height: 150px;
border-radius:4px;
}
.contact-form-button {
cursor:pointer;
height: 32px;
line-height: 28px;
font-weight:bold;
border:none;
}
.contact-form-button {
display: inline-block;
zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
*display: inline;
vertical-align: baseline;
margin: 0 2px;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font: 14px/100% Arial, Helvetica, sans-serif;
padding: .5em 2em .55em;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.contact-form-button:hover {
text-decoration: none;
}
.contact-form-button:active {
position: relative;
top: 1px;
}
.MBT-button-color {
color: #fef4e9;
border: solid 1px #da7c0c;
background: #f78d1d;
background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
background: -moz-linear-gradient(top, #faa51a, #f47a20);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;#faa51a&#39;, endColorstr=&#39;#f47a20&#39;);
}
.MBT-button-color:hover {
background: #f47c20;
background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
background: -moz-linear-gradient(top, #f88e11, #f06015);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;#f88e11&#39;, endColorstr=&#39;#f06015&#39;);
border-color: #F47C20!important;
}
.MBT-button-color:active {
color: #fcd3a5;
background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
background: -moz-linear-gradient(top, #f47a20, #faa51a);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;#f47a20&#39;, endColorstr=&#39;#faa51a&#39;);
}
<!--[if IE 9]>
.contact-form-name {
background: #FFF url(http://2.bp.blogspot.com/-bNZePDihTPU/UZ-lhWAHXqI/AAAAAAAAJuo/aSVVE_A6HpE/s320/name.png) no-repeat 7px 0px;
}
.contact-form-email {
background: #FFF url(http://3.bp.blogspot.com/-Wf_IBW4cEts/UZ-li4SsnvI/AAAAAAAAJuw/qYAi9lghY1E/s320/email.png) no-repeat 7px 6px;
}
<![endif]-->
@media screen and (-webkit-min-device-pixel-ratio:0) {
.contact-form-name {
background: #FFF url(http://2.bp.blogspot.com/-bNZePDihTPU/UZ-lhWAHXqI/AAAAAAAAJuo/aSVVE_A6HpE/s320/name.png) no-repeat 7px 6px;
padding: 15px 15px 15px 28px;
}
.contact-form-email {
background: #FFF url(http://3.bp.blogspot.com/-Wf_IBW4cEts/UZ-li4SsnvI/AAAAAAAAJuw/qYAi9lghY1E/s320/email.png) no-repeat 7px 8px;
padding: 15px 15px 15px 28px;
}
.contact-form-email:hover, .contact-form-name:hover{
padding: 15px 15px 15px 28px;
}
.contact-form-button {
height: 28px;
}
}

#rc-avatar-plus ul{border:1px solid #bbb;background:#fff!important;padding:10px!important;word-wrap:break-word}
#rc-avatar-plus li{margin:0!important;border:0!important;background:transparent!important;padding:0 0 10px!important;list-style-type:none!important}
#rc-avatar-plus .rc-info{width:20%}
#rc-avatar-plus img{padding:0!important;width:100%}
#rc-avatar-plus h4{margin:5px 0!important}
#rc-avatar-plus a{position:relative;width:70%;padding:5px}
#rc-avatar-plus a,#rc-avatar-plus a:hover{color:#fff!important;text-decoration:none}
#rc-avatar-plus a:after{content:"";position:absolute;top:10px;width:0;height:0;line-height:0}
#rc-avatar-plus p{margin:0 0 5px;padding:0}
#rc-avatar-plus .rc-author .rc-info,#rc-avatar-plus .rc-admin a{float:left}
#rc-avatar-plus .rc-admin .rc-info,#rc-avatar-plus .rc-author a,#rc-avatar-plus span{float:right}
#rc-avatar-plus .rc-author a{background:#8b0094}
#rc-avatar-plus .rc-author a:after{left:-10px;border-top:10px solid #8b0094;border-left:10px solid transparent}
#rc-avatar-plus .rc-admin a{background:#1eadfe}
#rc-avatar-plus .rc-admin a:after{right:-10px;border-top:10px solid #1eadfe;border-right:10px solid transparent}

/***** hide contact form ********************/
.widget.ContactForm {
 display: none;
 }

pre {
  background-color:white;
  color:#069;
  padding:0em 1em;
  overflow:auto;
  white-space:pre;
  word-wrap:normal;
  font:bold 12px/1.5em "Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace !important;
  position:relative;
  margin:0 0 1em;
}

pre .the-num {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  padding:0 1em;
  color:#999;
  background-color:#eee;
  border-right:2px solid #ccc;
}

pre .bracket   {color:darkblue;}
pre .tag,
pre .tag .keyword,
pre .tag .attribute {color:blue;}
pre .selector  {color:blue;}
pre .attribute,
pre .regexp    {color:darkorange;}
pre .str       {color:green;}
pre .tag .str  {color:brown;}
pre .keyword   {color:darkred;}
pre .comment   {font-style:italic;color:#999;}
pre .num,
pre .hex       {color:darkviolet;}
pre .name,
pre .important,
pre .array     {color:red;}
pre .important {background-color:yellow;}
pre .doctype   {color:magenta;}

/* ==== Related Post Widget Start ==== */

.related-post {
  margin:2em auto 0;
  font:normal normal 11px/1.4 Arial,Sans-Serif;
}
.related-post h4 {
  font-size:150%;
  margin:0 0 .5em;
}

/* Style 3 */
.related-post-style-3,
.related-post-style-3 li {
  margin:0;
  padding:0;
  list-style:none;
  word-wrap:break-word;
  overflow:hidden;
}
.related-post-style-3 .related-post-item {
  display:block;
  float:left;
  width:90px;
  height:auto;
  padding:10px;
  border-left:1px solid #eee;
  margin-bottom:-989px;
  padding-bottom:999px;
}
.related-post-style-3 .related-post-item:first-child {border-left:none}
.related-post-style-3 .related-post-item-thumbnail {
  display:block;
  margin:0 0 10px;
  width:90px;
  height:90px;
  max-width:none;
  max-height:none;
  background-color:transparent;
  border:none;
  padding:0;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;
}
.related-post-style-3 .related-post-item-title {font-weight:bold}

/* ==== Related Post Widget End ==== */
#kotak-pesan {
  position:fixed !important;
  position:absolute; /* IE6 */
  top:-1000px;
  left:50%;
  width:295px;
  margin:0 0 0 -182px;
  height:auto;
  padding:16px;
  background-color:#fff;
  border:2px solid white;
  font:normal normal 1em Cambria,Georgia,Serif;
  color:#111;
  -webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);
  -moz-box-shadow:0 1px 3px rgba(0,0,0,.4);
  box-shadow:0 1px 3px rgba(0,0,0,.4);
}

#kotak-pesan a.close {
  position:absolute;
  top:-10px;
  right:-10px;
  background-color:#333;
  font:normal bold 16px Arial,Sans-Serif;
  text-decoration:none;
  line-height:22px;
  width:22px;
  text-align:center;
  color:white;
  border:2px solid white;
  -webkit-box-shadow:0 1px 2px rgba(0,0,0,.4);
  -moz-box-shadow:0 1px 2px rgba(0,0,0,.4);
  box-shadow:0 1px 2px rgba(0,0,0,.4);
  -webkit-border-radius:22px;
  -moz-border-radius:22px;
  border-radius:22px;
  cursor:pointer;
}

a.livedemo,a.download{display:inline-block;padding:13px 22px 13px;border:1px solid #038;cursor:pointer;font-weight:600;text-transform:uppercase;font-size:17px;color:#fff;background-color:#21416b;-webkit-border-radius:4px;border-radius:4px;margin-right:10px;-webkit-box-shadow:inset 0 1px 0 #039,0 2px 0 0 #00334D,0 2px 3px #999;box-shadow:inset 0 1px 0 #039,0 2px 0 0 #00334D,0 2px 3px #999}
a.livedemo:before{content:"View Demo \2192"}
a.download:before{content:"Download \2193"}
#lophliphluphDL{text-align:center;margin:10px auto}